<script setup>
import { computed } from 'vue';
const props = defineProps({
  activeMenu: {
    type: [Number, String],
    default: ''
  }
})
const emit = defineEmits(['update:activeMenu'])
const activeMenu = computed({
  get() {
    return props.activeMenu
  },
  set(value) {
    emit('update:activeMenu', value)
  }
})

</script>

<template>
  <van-tabbar v-model="activeMenu" placeholder safe-area-inset-bottom>
    <van-tabbar-item to="/" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item to="/contact" icon="service-o">在线客服</van-tabbar-item>
    <van-tabbar-item to="/search" icon="search">查询中心</van-tabbar-item>
  </van-tabbar>
</template>

<style scoped lang="less">
</style>
